<ion-header>
  <!-- 没有分隔线 -->
  <ion-toolbar style="--background:#fff" class="bottom-line-none" [ngStyle]="this.navParams.data.value.titleCssStyle | styleFilter">

    <ion-buttons style="margin-left: 11px;" slot="start" appDebounceClick (debounceClick)="dismissClick()">
      <!-- 配置返回icon -->
      <ng-container *ngIf="this.navParams.data.value.backIcon; else noIcon">
        <img class="header-icon-img" src="../assets/img/{{this.navParams.data.value.backIcon}}">
      </ng-container>

      <ng-template #noIcon>
        <img class="header-icon-img" src="../assets/img/close.png">

      </ng-template>


    </ion-buttons>
    <ion-title> {{data.label}} </ion-title>

  </ion-toolbar>
</ion-header>
<ion-content>
  <div class="multiple-select-bg-3" [ngStyle]="data.modalCssStyle | styleFilter">

    <div class="multiple-select-left">
      <div class="item-left" [ngClass]="{'item-left-open': it.open}" *ngFor="let it of data.children; " appDebounceClick (debounceClick)="itemLeftClick(it)">
        <span class="yellow-current" *ngIf="it.open"></span>
        <span class="red-dot" *ngIf="it.hasValue"></span>
        {{it.label}}
      </div>
    </div>
    <div class="multiple-select-right" [ngClass]="{'multiple-select-right-first': data.current !== data.children[0]}">

        <div class="row-bg" style="padding-top: 0;margin-bottom: 0.5rem;">
          <div class="row" style="margin-bottom: 1.75rem;"  *ngIf="showCheckAll">
            <i [ngClass]="{'nochecked-row': !data.current.checked,'checked-row': data.current.checked}" appDebounceClick (debounceClick)="chooseCurrentAll(data)"></i>
            <span style="flex-grow: 1;">全选</span>
          </div>
          <div class="tag-bg">
            <!-- 二级 -->
            <div class="tag-tag-bg" *ngFor="let tag of data.current.children">
              
              <div class="tag auto-tag" [ngClass]="{'tag-checked': tag.checked, 'tag-has-children':tag.checked && tag.children && tag.children.length }" appDebounceClick (debounceClick)="tagClick(tag,2)">{{tag.label}}
              </div>
              <p class="show-tips"  *ngIf="tag.tips && tag.tips.length > 0 ">{{tag.tips}}</p>
              <!-- 三级 -->
              <div class="tag-min-bg" *ngIf="tag.checked && tag.children && tag.children.length > 0">
                <div class="tag-min" *ngFor="let tagMin of tag.children, let t = index" [ngClass]="{'tag-min-checked': tagMin.checked }" appDebounceClick (debounceClick)="tagClick(tagMin,3,tag)">{{tagMin.label}}
                </div>

              </div>
            </div>

          </div>

        </div>

    </div>
    <div class="transfer"></div>
  </div>
</ion-content>
<ion-footer>
  <div class="footer">
    <p class="del-bg" appDebounceClick (debounceClick)="resetClick()">
      <img class="del-img" src="../assets/img/nav_icon_delete_lj@3x.png" alt="">
      <span class="del-text">重置</span>
    </p>
    <p class="sure-btn" appDebounceClick (debounceClick)="sureClick()">确定</p>
  </div>
</ion-footer>